<template>
	<el-autocomplete
		class="inline-input"
		v-model="state"
		:fetch-suggestions="querySearch"
		placeholder="请输入内容"
		:trigger-on-focus="false"
		@select="handleSelect"
	></el-autocomplete>
</template>

<script>

export default {
  data() {
    const querySearch = (queryString, cb) => {
			
			/** 第一步 调接口查数据
			 * 调接口,把queryString, 当名字传给接口
			 * 接口返回数据, 放入数组中  名字必须师: value
			 */
			const data = [{}];
			
      var results = queryString ? data : [];
      cb(results);
    };
    const handleSelect = (item) => {
			/** 第二步 用户选择了一个
			 * 数据会返回到这里
			 */
      console.log(item);
    };
    return {
      state: '',
      querySearch,
      handleSelect,
    };
  },
};
</script>